﻿
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Identity</title>
<!--// Stylesheets //-->
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/red.css" title="styles1" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="css/blue.css" title="styles2" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="css/gray.css" title="styles3" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="css/orange.css" title="styles4" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="css/green.css" title="styles5" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="css/orange-red.css" title="styles6" media="screen" />
<link href="css/fancybox.css" rel="stylesheet" type="text/css" />
<!--// Javascripts //-->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/styleswitch.js"></script>
<script type="text/javascript" src="js/animatedcollapse.js"></script>
<script type="text/javascript" src="js/ddsmoothmenu.js"></script>
<script type="text/javascript" src="js/scrolltopcontrol.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.quicksand.js"></script>
<script type="text/javascript" src="js/functions.js"></script>
<script type="text/javascript" src="js/jquery.fancybox-1.3.1.js"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
</head>

<body>
<!-- Wrapper Start -->
<div id="outer_wrapper">
	<!-- Top Bar Start -->
    <div id="top-bar" class="backcolr">
    	<div class="inner">
        	<!-- Styleswitcher Start -->
            <div class="styles">
                <ul>
                	<li><h6 class="white">Select Color Schemes:</h6></li>
                    <li><a href="gallery-grid.html?style=style1" rel="styles1" class="styleswitch red">&nbsp;</a></li>
                    <li><a href="gallery-grid.html?style=style2" rel="styles2" class="styleswitch blue">&nbsp;</a></li>
                    <li><a href="gallery-grid.html?style=style3" rel="styles3" class="styleswitch gray">&nbsp;</a></li>
                    <li><a href="gallery-grid.html?style=style4" rel="styles4" class="styleswitch orange">&nbsp;</a></li>
                    <li><a href="gallery-grid.html?style=style5" rel="styles5" class="styleswitch green">&nbsp;</a></li>
                    <li><a href="gallery-grid.html?style=style6" rel="styles6" class="styleswitch orange-red">&nbsp;</a></li>
                </ul>
            </div>
            <!-- Styleswitcher End -->
            <!-- Top Site Map Button Start -->
            <a href="javascript:animatedcollapse.toggle('jason')" class="togglebtn">关于我们</a>
            <!-- Top Site Map Button End -->
            <!-- Top Bar Text Start -->
            <p class="text">Comein Times: Sundays at 8:00, 9:45, 11:30 a.m</p>
            <!-- Top Bar Text End -->
        </div>
        <div class="clear"></div>
        <!-- Toggle Show Hide Div Start -->

        <!-- Toggle Show Hide Div End -->
    </div>
    <!-- Top Bar End -->
    <!-- Header Start -->
    <div id="header">
    	<div class="rays">
        	<div class="inner">
            	<!-- Logo Start -->
            	<div class="logo">
                	<a href="index.html"><img src="images/logo11.png" alt="" /></a>
                </div>
                <!-- Logo End -->
                <div class="right">
                    <!-- Navigation Start -->
                    <div class="navigation">
                    	<div id="smoothmenu1" class="ddsmoothmenu">
                            <ul>
                                <li><a href="#">首页</a></li>
                                <li><a href="#">部落</a></li>
                                <li><a href="#">新品推出</a>
                                    <ul class="backcolr">
                                        <li><a href="#">A系列</a></li>
                                        <li><a href="#">B系列</a></li>
                                        <li><a href="#">C系列</a></li>
                                    </ul>
                                </li>
                                <li><a href="#">手机</a></li>
                                <li class="current-menu-item"><a href="#">耳机</a>
                                    <ul class="backcolr">
                                        <li><a href="gallery-grid.html">魅音系列</a></li>
                                        <li><a href="gallery-show.html">百变系列</a></li>
                                    </ul>
                                </li>
                                <li><a href="#">手机壳</a></li>
                                <li><a href="#">充电宝</a>
                                    <ul class="backcolr">
                                        <li><a href="#">卡通型</a></li>
                                        <li><a href="#">大容量</a>
                                            <ul>
                                                <li><a href="#">2000毫安</a></li>
                                                <li><a href="#">4000毫安</a></li>
                                                <li><a href="#">6000毫安</a></li>
                                                <li><a href="#">1000毫安</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="#">专机专用</a></li>
                                        <li><a href="#">防水系列</a></li>
                                        <li><a href="#">快速充电型</a></li>
                                        <li><a href="#">安全不漏电</a></li>
                                    </ul>
                                </li>
                                <li><a href="#">更多</a>
                                    <ul class="backcolr">
                                        <li><a href="#">数据线</a></li>
                                        <li><a href="#">适配器</a></li>
                                        <li><a href="#">电池</a></li>
                                        <li><a href="#">专用膜</a>
                                        	<ul>
                                                <li><a href="#">钢化</a></li>
                                                <li><a href="#">软屏</a></li>
                                                <li><a href="#">水晶</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="#">音响</a></li>
                                        <li><a href="#">摄像头</a>
                                        	<ul>
                                                <li><a href="#">数码</a></li>
                                                <li><a href="#">超清</a></li>
                                            </ul>	
                                        </li>
                                        <li><a href="#">按键</a></li>
                                    </ul>
                                </li>
                            </ul>
                            <div class="clear"></div>
                        </div>
                    </div>
                    <!-- Navigation End -->
                    <!-- Search Start -->
                	<div class="search">
                    	<a href="#" class="btn">&nbsp;</a>
                        <div class="searchinputs backcolr">
                            <ul>
                                <li class="left">
                                	<input name="txtSearch" value="Enter Keyword"
                                    onfocus="if(this.value=='Enter Keyword') {this.value='';}"
                                    onblur="if(this.value=='') {this.value='Enter Keyword';}"   type="text" />
                                </li>
                                <li class="right"><button class="colr">Search</button></li>
                            </ul>
                        </div>
                    </div>
                    <!-- Search End -->
                    <div class="clear"></div>
                </div>
            </div>
        </div>
    </div>
    <!-- Header End -->
    <!-- Bread Crumb Start -->
    <div id="bread-crumb">
    	<div class="inner">
        	<ul>
            	<li><a href="#">首页</a></li>
                <li><a href="#">配件</a></li>
                <li><a href="#">商品图库</a></li>
            </ul>
            <div class="clear"></div>
        </div>
    </div>
    <!-- Banner End -->
    <!-- Content Section Start -->
    <div id="contentsec">
    	<div class="inner">
        	<!-- Fullwidth Box Start -->
        	<div class="fullwidth box left">
            	<h3 class="widget-head-border colr">商品图库</h3>
            	<!-- Gallery Section Start -->
                <div class="gallery-sec">
                	<!-- Gallery Filter Buttons Start -->
                	<div class="gallery-filter">
                    	<p class="total-pics">精美配件</p>
                        <div class="right">
                            <div class="filter">
                            	<ul id="filterOptions">
                            		<li class="active"><a href="#" class="all">All</a></li>
                                    <li><a href="#" class="anim">精品配件</a></li>
                                    <li><a href="#" class="brand">专机专配</a></li>
                                    <li><a href="#" class="videos">专用耳机</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- Gallery Filter Buttons End -->
                    <!-- Gallery Grid Start -->
                    <ul class="gallery-grid ourHolder">
                    	<li class="item" id="id-1" value="anim">
                        	<a href="#"><img src="images/mei1.png" alt="mei1" /></a>
                            <div class="thumb-hover">
                            	<h3><a href="#" class="white">强大的一款产品</a></h3>
                                <p>您可以用“它为所欲为“</p>
                                <div class="thumb-actions">
                                    <a href="#" class="link">&nbsp;</a>
                                	<a href="images/large11.jpg" class="tip4 zoom">&nbsp;</a>
                                </div>
                            </div>
                        </li>
                        <li class="item" id="id-2" value="brand">
                        	<a href="#"><img src="images/mei2.png" alt="mei2" /></a>
                            <div class="thumb-hover">
                            	<h3><a href="#" class="white">强大的一款产品</a></h3>
                                <p>您可以用“它为所欲为“</p>
                                <div class="thumb-actions">
                                    <a href="#" class="link">&nbsp;</a>
                                	<a href="images/large11.jpg" class="tip4 zoom">&nbsp;</a>
                                </div>
                            </div>
                        </li>
                        <li class="item" id="id-3" value="videos">
                        	<a href="#"><img src="images/mei3.png" alt="mei3" /></a>
                            <div class="thumb-hover">
                            	<h3><a href="#" class="white">强大的一款产品</a></h3>
                                <p>您可以用“它为所欲为“</p>
                                <div class="thumb-actions">
                                    <a href="#" class="link">&nbsp;</a>
                                	<a href="images/large11.jpg" class="tip4 zoom">&nbsp;</a>
                                </div>
                            </div>
                        </li>
                        <li class="item" id="id-4" value="anim">
                        	<a href="#"><img src="images/mei4.png" alt="mei4" /></a>
                            <div class="thumb-hover">
                            	<h3><a href="#" class="white">强大的一款产品</a></h3>
                                <p>您可以用“它为所欲为“</p>
                                <div class="thumb-actions">
                                    <a href="#" class="link">&nbsp;</a>
                                	<a href="images/large11.jpg" class="tip4 zoom">&nbsp;</a>
                                </div>
                            </div>
                        </li>
                        <li class="item" id="id-5" value="brand">
                        	<a href="#"><img src="images/mei5.png" alt="mei5" /></a>
                            <div class="thumb-hover">
                            	<h3><a href="#" class="white">强大的一款产品</a></h3>
                                <p>您可以用“它为所欲为“</p>
                                <div class="thumb-actions">
                                    <a href="#" class="link">&nbsp;</a>
                                	<a href="images/large11.jpg" class="tip4 zoom">&nbsp;</a>
                                </div>
                            </div>
                        </li>
                        <li class="item" id="id-6" value="videos">
                        	<a href="#"><img src="images/mei6.png" alt="mei6" /></a>
                             <div class="thumb-hover">
                            	<h3><a href="#" class="white">强大的一款产品</a></h3>
                                <p>您可以用“它为所欲为“</p>
                                <div class="thumb-actions">
                                    <a href="#" class="link">&nbsp;</a>
                                	<a href="images/large11.jpg" class="tip4 zoom">&nbsp;</a>
                                </div>
                            </div>
                        </li>
                        <li class="item" id="id-7" value="anim">
                        	<a href="#"><img src="images/mei7.png" alt="mei7" /></a>
                            <div class="thumb-hover">
                            	<h3><a href="#" class="white">强大的一款产品</a></h3>
                                <p>您可以用“它为所欲为“</p>
                                <div class="thumb-actions">
                                    <a href="#" class="link">&nbsp;</a>
                                	<a href="images/large11.jpg" class="tip4 zoom">&nbsp;</a>
                                </div>
                            </div>
                        </li>
                        <li class="item" id="id-8" value="brand">
                        	<a href="#"><img src="images/mei8.png" alt="mei8" /></a>
                            <div class="thumb-hover">
                            	<h3><a href="#" class="white">强大的一款产品</a></h3>
                                <p>您可以用“它为所欲为“</p>
                                <div class="thumb-actions">
                                    <a href="#" class="link">&nbsp;</a>
                                	<a href="images/large11.jpg" class="tip4 zoom">&nbsp;</a>
                                </div>
                            </div>
                        </li>
                        <li class="item" id="id-9" value="videos">
                        	<a href="#"><img src="images/mei1.png" alt="mei1" /></a>
                            <div class="thumb-hover">
                            	<h3><a href="#" class="white">强大的一款产品</a></h3>
                                <p>您可以用“它为所欲为“</p>
                                <div class="thumb-actions">
                                    <a href="#" class="link">&nbsp;</a>
                                	<a href="images/large11.jpg" class="tip4 zoom">&nbsp;</a>
                                </div>
                            </div>
                        </li>
                        <li class="item" id="id-10" value="anim">
                        	<a href="#"><img src="images/mei9.png" alt="mei9" /></a>
                            <div class="thumb-hover">
                            	<h3><a href="#" class="white">强大的一款产品</a></h3>
                                <p>您可以用“它为所欲为“</p>
                                <div class="thumb-actions">
                                    <a href="#" class="link">&nbsp;</a>
                                	<a href="images/large11.jpg" class="tip4 zoom">&nbsp;</a>
                                </div>
                            </div>
                        </li>
                        <li class="item" id="id-11" value="brand">
                        	<a href="#"><img src="images/mei8.png" alt="mei8" /></a>
                            <div class="thumb-hover">
                            	<h3><a href="#" class="white">强大的一款产品</a></h3>
                                <p>您可以用“它为所欲为“</p>
                                <div class="thumb-actions">
                                    <a href="#" class="link">&nbsp;</a>
                                	<a href="images/large11.jpg" class="tip4 zoom">&nbsp;</a>
                                </div>
                            </div>
                        </li>
                        <li class="item" id="id-12" value="videos">
                        	<a href="#"><img src="images/mei10.png" alt="mei10" /></a>
                            <div class="thumb-hover">
                            	<h3><a href="#" class="white">强大的一款产品</a></h3>
                                <p>您可以用“它为所欲为“</p>
                                <div class="thumb-actions">
                                    <a href="#" class="link">&nbsp;</a>
                                	<a href="images/large11.jpg" class="tip4 zoom">&nbsp;</a>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <!-- Gallery Grid End -->
                </div>
                <!-- Gallery Section End -->
                <!-- Pagination Start -->
                <div class="pagination">
                	<ul>
                    	<li><a href="#">Previous</a></li>
                        <li><a href="#" class="active">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">5</a></li>
                        <li><a href="#">6</a></li>
                        <li class="next"><a href="#">Next</a></li>
                    </ul>
                </div>
                <!-- Pagination End -->
            </div>
            <!-- Fullwidth Box Start -->
        </div>
    </div>
    <!-- Content Section End -->
    <!-- Footer Start -->
    <div id="footer">
        <div class="footer-rays">
            <div class="inner">
            	<!-- Footer Logo - Navigation - Copyrights Start -->
                <div class="foot-navi-coopyrights">
                    <div class="footlogo-nav">
                    	<!-- Footer Logo Start -->
                        <div class="footlogo">
                            <a href="#"><img src="images/logo-foot.png" alt="" /></a>
                        </div>
                        <!-- Footer Logo End -->
                        <!-- Footer Navigation Start -->
                        <div class="footnav">
                            <ul>
                                <li><a href="#">首页</a></li>
                                <li><a href="#">About Us</a></li>
                                <li><a href="#">部落</a></li>
                                <li><a href="#">新品</a></li>
                                <li><a href="#">售后服务</a></li>
                                <li><a href="#">客户反映</a></li>
                                <li><a href="#">意见箱</a></li>
                                <li><a href="#">联系我们</a></li>
                            </ul>
                        </div>
                        <!-- Footer Navigation End -->
                    </div>
                    <!-- Footer Copyrights Start -->

                    <!-- Footer Copyrights End -->
                </div>
                <!-- Footer Logo - Navigation - Copyrights End -->
                <!-- Follow Us - Go to Top Start -->
                <div class="followus">
                	<!-- Go to Top Start -->
                    <div class="gotop">
                        <a href="#top">&nbsp;</a>
                        <span>Back to Top</span>
                    </div>
                    <!-- Go to Top End -->
                    <!-- Follow Us Start -->
                    <div class="follow">
                        <h5 class="white">Follow Us</h5>
                        <ul>
                            <li><a href="#"><img src="images/twitter-icon.png" alt="" /></a></li>
                            <li><a href="#"><img src="images/facebook-icon.png" alt="" /></a></li>
                            <li><a href="#"><img src="images/vimeo-icon.png" alt="" /></a></li>
                            <li><a href="#"><img src="images/lastfm-icon.png" alt="" /></a></li>
                            <li><a href="#"><img src="images/myspace-icon.png" alt="" /></a></li>
                        </ul>
                    </div>
                    <!-- Follow Us End -->
                </div>
                <!-- Follow Us - Go to Top End -->
                <div class="clear"></div>
            </div>
        </div>
    </div>
    <!-- Footer End -->
</div>
<!-- Wrapper End -->

</body>
</html>